<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4996217" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">eduDegree</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">钱</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">日历2</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">课程查看</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">握手</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">提醒-填充</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">讲座</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe939;</span>
                <div class="name">胶囊</div>
                <div class="code-name">&amp;#xe939;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">人员-01</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bc;</span>
                <div class="name">相机</div>
                <div class="code-name">&amp;#xe8bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bf;</span>
                <div class="name">银行卡</div>
                <div class="code-name">&amp;#xe8bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">卡包</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">奖章</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">我</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">问题反馈</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">收款单</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">奖章</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb41;</span>
                <div class="name">数据-05</div>
                <div class="code-name">&amp;#xeb41;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">基础图标-新增文档</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec80;</span>
                <div class="name">医生-02</div>
                <div class="code-name">&amp;#xec80;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">robot-2-fill</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac2;</span>
                <div class="name">键盘</div>
                <div class="code-name">&amp;#xeac2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1e;</span>
                <div class="name">人民币</div>
                <div class="code-name">&amp;#xeb1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">卡片1</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">扫一扫</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">添加人员</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">删 除</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">添加人员</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">6A话筒</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">前进15秒</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xed64;</span>
                <div class="name">前进15秒</div>
                <div class="code-name">&amp;#xed64;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">收藏 -已收藏</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">购物车空</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">时钟</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">循环</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">store</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">向上4</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">向下4</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">医生</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">循环</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">QQ</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89d;</span>
                <div class="name"> 汽车票</div>
                <div class="code-name">&amp;#xe89d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">关闭闹钟@3x</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">下一曲</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">46_脚印</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb66;</span>
                <div class="name">使用文档</div>
                <div class="code-name">&amp;#xeb66;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">点评</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec1e;</span>
                <div class="name">点</div>
                <div class="code-name">&amp;#xec1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">QQ</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe876;</span>
                <div class="name">人工</div>
                <div class="code-name">&amp;#xe876;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">上一曲</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">下一曲</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">时钟</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeca6;</span>
                <div class="name">声音开</div>
                <div class="code-name">&amp;#xeca6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeca7;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xeca7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">后退15秒</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">清单</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe969;</span>
                <div class="name">24gf-phoneLoudspeaker</div>
                <div class="code-name">&amp;#xe969;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">多媒体_播放器02_下一曲_</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fb;</span>
                <div class="name">多媒体_播放器02_下一曲_</div>
                <div class="code-name">&amp;#xe8fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c1;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe8c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c8;</span>
                <div class="name">增加</div>
                <div class="code-name">&amp;#xe8c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">拍照</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">w_黑板1</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">上一曲</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">icon-dianpu-2</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec5e;</span>
                <div class="name">点</div>
                <div class="code-name">&amp;#xec5e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">报警,警报,报警灯,危险</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">连接</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">酒店</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">分 享01</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">分 享</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">快递公司</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">公司</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">承制单位</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">微课-前进15秒</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">肌肉</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x10132;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#x10132;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">分享 未分享</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">前进15秒</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">AI聊天-copy</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea5c;</span>
                <div class="name">Property 1=前进15秒</div>
                <div class="code-name">&amp;#xea5c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">AI聊天</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">向上1</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">向下1</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">向下备份</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">向上箭头</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">顶 </div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">餐食</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">餐食</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">高兴</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeca0;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xeca0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">向右</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">不高兴</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">不高兴</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">记事本</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9a9;</span>
                <div class="name">开心,高兴,笑脸,微笑,喜欢</div>
                <div class="code-name">&amp;#xe9a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">A+</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">瓶子</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c0;</span>
                <div class="name">米饭</div>
                <div class="code-name">&amp;#xe8c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">坚果_nut</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87f;</span>
                <div class="name">hangyezhishiku</div>
                <div class="code-name">&amp;#xe87f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">food-bomihua</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">苹果</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">睡觉</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">炒锅</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">DNA</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">cup-fill</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">restaurant-fill</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">hotel-bed-fill</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">坚果干果</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e5;</span>
                <div class="name">处方</div>
                <div class="code-name">&amp;#xe8e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">食物</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">ppt</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">VIP</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">向右1</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">肉类new</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">图书管理-01</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">操作-豆类</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">操作-鱼</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">跑步</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">肉类</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cf;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe8cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">跳绳</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">目录词_家禽蛋类</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">公鸡</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">冰箱</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">icon_笑脸-面</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">米饭</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">鸡蛋</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">跑步</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">调料</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">蔬菜</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">调料</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">牛奶</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">调料瓶-01</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">鸡蛋</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">鱼</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">蛋糕</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">1分析</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">我 的</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d8;</span>
                <div class="name">24gf-lock2</div>
                <div class="code-name">&amp;#xe9d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">购药</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">冰箱</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">方案</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">向右</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">21. noodles, box, sticks, food, restaurant</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ef;</span>
                <div class="name">dna</div>
                <div class="code-name">&amp;#xe8ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">冰沙</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">dna</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">奖杯</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">药丸</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">广播信息</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">心动</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">vip-l</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c7;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe8c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">心动</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ec;</span>
                <div class="name">苹果</div>
                <div class="code-name">&amp;#xe8ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">解决方案</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">医生</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">奖杯</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">icon_坚果</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">药品,药物,违禁品,违禁药物</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88b;</span>
                <div class="name">药品,药物,违禁品,违禁药物</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e7;</span>
                <div class="name">床,休息,睡觉,睡眠</div>
                <div class="code-name">&amp;#xe8e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">noodles</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">跳绳</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1757659130360') format('woff2'),
       url('iconfont.woff?t=1757659130360') format('woff'),
       url('iconfont.ttf?t=1757659130360') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-edudegree"></span>
            <div class="name">
              eduDegree
            </div>
            <div class="code-name">.icon-edudegree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qian"></span>
            <div class="name">
              钱
            </div>
            <div class="code-name">.icon-qian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili2"></span>
            <div class="name">
              日历2
            </div>
            <div class="code-name">.icon-rili2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengchakan"></span>
            <div class="name">
              课程查看
            </div>
            <div class="code-name">.icon-kechengchakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-woshou"></span>
            <div class="name">
              握手
            </div>
            <div class="code-name">.icon-woshou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tixing-tianchong"></span>
            <div class="name">
              提醒-填充
            </div>
            <div class="code-name">.icon-tixing-tianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin2"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangzuo"></span>
            <div class="name">
              讲座
            </div>
            <div class="code-name">.icon-jiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaonang"></span>
            <div class="name">
              胶囊
            </div>
            <div class="code-name">.icon-jiaonang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuan-"></span>
            <div class="name">
              人员-01
            </div>
            <div class="code-name">.icon-renyuan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangji"></span>
            <div class="name">
              相机
            </div>
            <div class="code-name">.icon-xiangji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhangka"></span>
            <div class="name">
              银行卡
            </div>
            <div class="code-name">.icon-yinhangka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kabao"></span>
            <div class="name">
              卡包
            </div>
            <div class="code-name">.icon-kabao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangzhang"></span>
            <div class="name">
              奖章
            </div>
            <div class="code-name">.icon-jiangzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wo"></span>
            <div class="name">
              我
            </div>
            <div class="code-name">.icon-wo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentifankui"></span>
            <div class="name">
              问题反馈
            </div>
            <div class="code-name">.icon-wentifankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoukuandan"></span>
            <div class="name">
              收款单
            </div>
            <div class="code-name">.icon-shoukuandan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangzhang1"></span>
            <div class="name">
              奖章
            </div>
            <div class="code-name">.icon-jiangzhang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuju-05"></span>
            <div class="name">
              数据-05
            </div>
            <div class="code-name">.icon-shuju-05
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichutubiao-xinzengwendang"></span>
            <div class="name">
              基础图标-新增文档
            </div>
            <div class="code-name">.icon-jichutubiao-xinzengwendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yisheng-02"></span>
            <div class="name">
              医生-02
            </div>
            <div class="code-name">.icon-yisheng-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-robot-2-fill"></span>
            <div class="name">
              robot-2-fill
            </div>
            <div class="code-name">.icon-robot-2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianpan"></span>
            <div class="name">
              键盘
            </div>
            <div class="code-name">.icon-jianpan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renminbi"></span>
            <div class="name">
              人民币
            </div>
            <div class="code-name">.icon-renminbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiapian"></span>
            <div class="name">
              卡片1
            </div>
            <div class="code-name">.icon-qiapian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoyisao"></span>
            <div class="name">
              扫一扫
            </div>
            <div class="code-name">.icon-saoyisao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiarenyuan"></span>
            <div class="name">
              添加人员
            </div>
            <div class="code-name">.icon-tianjiarenyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删 除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiarenyuan1"></span>
            <div class="name">
              添加人员
            </div>
            <div class="code-name">.icon-tianjiarenyuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-6Ahuatong"></span>
            <div class="name">
              6A话筒
            </div>
            <div class="code-name">.icon-a-6Ahuatong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianjin15miao1"></span>
            <div class="name">
              前进15秒
            </div>
            <div class="code-name">.icon-qianjin15miao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianjin15miao2"></span>
            <div class="name">
              前进15秒
            </div>
            <div class="code-name">.icon-qianjin15miao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shoucang-yishoucang"></span>
            <div class="name">
              收藏 -已收藏
            </div>
            <div class="code-name">.icon-a-shoucang-yishoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwuchekong"></span>
            <div class="name">
              购物车空
            </div>
            <div class="code-name">.icon-gouwuchekong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clock"></span>
            <div class="name">
              时钟
            </div>
            <div class="code-name">.icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuandui"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icon-tuandui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunhuan"></span>
            <div class="name">
              循环
            </div>
            <div class="code-name">.icon-xunhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-store"></span>
            <div class="name">
              store
            </div>
            <div class="code-name">.icon-store
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangshang4"></span>
            <div class="name">
              向上4
            </div>
            <div class="code-name">.icon-xiangshang4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia4"></span>
            <div class="name">
              向下4
            </div>
            <div class="code-name">.icon-xiangxia4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              医生
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunhuan1"></span>
            <div class="name">
              循环
            </div>
            <div class="code-name">.icon-xunhuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erweima1"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-erweima1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQ"></span>
            <div class="name">
              QQ
            </div>
            <div class="code-name">.icon-QQ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia2"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.icon-xiangxia2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qichepiao"></span>
            <div class="name">
               汽车票
            </div>
            <div class="code-name">.icon-qichepiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbinaozhongx"></span>
            <div class="name">
              关闭闹钟@3x
            </div>
            <div class="code-name">.icon-guanbinaozhongx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiayiqu"></span>
            <div class="name">
              下一曲
            </div>
            <div class="code-name">.icon-xiayiqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-_jiaoyin"></span>
            <div class="name">
              46_脚印
            </div>
            <div class="code-name">.icon-_jiaoyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiyongwendang"></span>
            <div class="name">
              使用文档
            </div>
            <div class="code-name">.icon-shiyongwendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianping"></span>
            <div class="name">
              点评
            </div>
            <div class="code-name">.icon-dianping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwuche"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icon-gouwuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi1"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dian"></span>
            <div class="name">
              点
            </div>
            <div class="code-name">.icon-dian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQ1"></span>
            <div class="name">
              QQ
            </div>
            <div class="code-name">.icon-QQ1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi1"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin1"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rengong"></span>
            <div class="name">
              人工
            </div>
            <div class="code-name">.icon-rengong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangyiqu"></span>
            <div class="name">
              上一曲
            </div>
            <div class="code-name">.icon-shangyiqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiayiqu1"></span>
            <div class="name">
              下一曲
            </div>
            <div class="code-name">.icon-xiayiqu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shizhong"></span>
            <div class="name">
              时钟
            </div>
            <div class="code-name">.icon-shizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengyinkai"></span>
            <div class="name">
              声音开
            </div>
            <div class="code-name">.icon-shengyinkai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.icon-xiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtuimiao"></span>
            <div class="name">
              后退15秒
            </div>
            <div class="code-name">.icon-houtuimiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingdan"></span>
            <div class="name">
              清单
            </div>
            <div class="code-name">.icon-qingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gf-phoneLoudspeaker"></span>
            <div class="name">
              24gf-phoneLoudspeaker
            </div>
            <div class="code-name">.icon-24gf-phoneLoudspeaker
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duomeiti_bofangqi_xiayiqu_"></span>
            <div class="name">
              多媒体_播放器02_下一曲_
            </div>
            <div class="code-name">.icon-duomeiti_bofangqi_xiayiqu_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duomeiti_bofangqi_xiayiqu_1"></span>
            <div class="name">
              多媒体_播放器02_下一曲_
            </div>
            <div class="code-name">.icon-duomeiti_bofangqi_xiayiqu_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youhuiquan"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.icon-youhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengjia"></span>
            <div class="name">
              增加
            </div>
            <div class="code-name">.icon-zengjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-post_pic"></span>
            <div class="name">
              拍照
            </div>
            <div class="code-name">.icon-post_pic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-w_heiban"></span>
            <div class="name">
              w_黑板1
            </div>
            <div class="code-name">.icon-w_heiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangyiqu1"></span>
            <div class="name">
              上一曲
            </div>
            <div class="code-name">.icon-shangyiqu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-dianpu-2"></span>
            <div class="name">
              icon-dianpu-2
            </div>
            <div class="code-name">.icon-icon-dianpu-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwu"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.icon-fuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dian1"></span>
            <div class="name">
              点
            </div>
            <div class="code-name">.icon-dian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alarm-full"></span>
            <div class="name">
              报警,警报,报警灯,危险
            </div>
            <div class="code-name">.icon-alarm-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjie"></span>
            <div class="name">
              连接
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiudian"></span>
            <div class="name">
              酒店
            </div>
            <div class="code-name">.icon-jiudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang01"></span>
            <div class="name">
              分 享01
            </div>
            <div class="code-name">.icon-fenxiang01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang1"></span>
            <div class="name">
              分 享
            </div>
            <div class="code-name">.icon-fenxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuandui1"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icon-tuandui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuaidigongsi"></span>
            <div class="name">
              快递公司
            </div>
            <div class="code-name">.icon-kuaidigongsi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongsi"></span>
            <div class="name">
              公司
            </div>
            <div class="code-name">.icon-gongsi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengzhidanwei"></span>
            <div class="name">
              承制单位
            </div>
            <div class="code-name">.icon-chengzhidanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weike-qianjin15miao"></span>
            <div class="name">
              微课-前进15秒
            </div>
            <div class="code-name">.icon-weike-qianjin15miao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwu1"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.icon-fuwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jirou"></span>
            <div class="name">
              肌肉
            </div>
            <div class="code-name">.icon-jirou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingwei1"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-dingwei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fenxiangweifenxiang"></span>
            <div class="name">
              分享 未分享
            </div>
            <div class="code-name">.icon-a-fenxiangweifenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianjin15miao"></span>
            <div class="name">
              前进15秒
            </div>
            <div class="code-name">.icon-qianjin15miao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AIliaotian"></span>
            <div class="name">
              AI聊天-copy
            </div>
            <div class="code-name">.icon-AIliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-Property1qianjin15miao"></span>
            <div class="name">
              Property 1=前进15秒
            </div>
            <div class="code-name">.icon-a-Property1qianjin15miao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AIliaotian1"></span>
            <div class="name">
              AI聊天
            </div>
            <div class="code-name">.icon-AIliaotian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangshang1"></span>
            <div class="name">
              向上1
            </div>
            <div class="code-name">.icon-xiangshang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia1"></span>
            <div class="name">
              向下1
            </div>
            <div class="code-name">.icon-xiangxia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxiabeifen"></span>
            <div class="name">
              向下备份
            </div>
            <div class="code-name">.icon-xiangxiabeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuo"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.icon-xiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianfuzhi"></span>
            <div class="name">
              向上箭头
            </div>
            <div class="code-name">.icon-quanxianfuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingzhuanhuan"></span>
            <div class="name">
              顶 
            </div>
            <div class="code-name">.icon-dingzhuanhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-canshi"></span>
            <div class="name">
              餐食
            </div>
            <div class="code-name">.icon-canshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-canshi1"></span>
            <div class="name">
              餐食
            </div>
            <div class="code-name">.icon-canshi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaoxing"></span>
            <div class="name">
              高兴
            </div>
            <div class="code-name">.icon-gaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyou2"></span>
            <div class="name">
              向右
            </div>
            <div class="code-name">.icon-xiangyou2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bugaoxing"></span>
            <div class="name">
              不高兴
            </div>
            <div class="code-name">.icon-bugaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              不高兴
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.icon-xiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jishiben"></span>
            <div class="name">
              记事本
            </div>
            <div class="code-name">.icon-jishiben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-happy"></span>
            <div class="name">
              开心,高兴,笑脸,微笑,喜欢
            </div>
            <div class="code-name">.icon-happy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-Azhuanhuan"></span>
            <div class="name">
              A+
            </div>
            <div class="code-name">.icon-a-Azhuanhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingzi"></span>
            <div class="name">
              瓶子
            </div>
            <div class="code-name">.icon-pingzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mifan1"></span>
            <div class="name">
              米饭
            </div>
            <div class="code-name">.icon-mifan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianguo_nut"></span>
            <div class="name">
              坚果_nut
            </div>
            <div class="code-name">.icon-jianguo_nut
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangyezhishiku"></span>
            <div class="name">
              hangyezhishiku
            </div>
            <div class="code-name">.icon-hangyezhishiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-food-bomihua"></span>
            <div class="name">
              food-bomihua
            </div>
            <div class="code-name">.icon-food-bomihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingguo1"></span>
            <div class="name">
              苹果
            </div>
            <div class="code-name">.icon-pingguo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuijue"></span>
            <div class="name">
              睡觉
            </div>
            <div class="code-name">.icon-shuijue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wok-2"></span>
            <div class="name">
              炒锅
            </div>
            <div class="code-name">.icon-wok-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-DNA"></span>
            <div class="name">
              DNA
            </div>
            <div class="code-name">.icon-DNA
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cup-fill"></span>
            <div class="name">
              cup-fill
            </div>
            <div class="code-name">.icon-cup-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-restaurant-fill"></span>
            <div class="name">
              restaurant-fill
            </div>
            <div class="code-name">.icon-restaurant-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hotel-bed-fill"></span>
            <div class="name">
              hotel-bed-fill
            </div>
            <div class="code-name">.icon-hotel-bed-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianguoganguo"></span>
            <div class="name">
              坚果干果
            </div>
            <div class="code-name">.icon-jianguoganguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chufang"></span>
            <div class="name">
              处方
            </div>
            <div class="code-name">.icon-chufang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiwu"></span>
            <div class="name">
              食物
            </div>
            <div class="code-name">.icon-shiwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ppt"></span>
            <div class="name">
              ppt
            </div>
            <div class="code-name">.icon-ppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-vip"></span>
            <div class="name">
              VIP
            </div>
            <div class="code-name">.icon-vip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyou1"></span>
            <div class="name">
              向右1
            </div>
            <div class="code-name">.icon-xiangyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-roulei"></span>
            <div class="name">
              肉类new
            </div>
            <div class="code-name">.icon-roulei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zonghefenxi"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.icon-zonghefenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tushuguanli-01"></span>
            <div class="name">
              图书管理-01
            </div>
            <div class="code-name">.icon-tushuguanli-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caozuo-doulei"></span>
            <div class="name">
              操作-豆类
            </div>
            <div class="code-name">.icon-caozuo-doulei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caozuo_yu"></span>
            <div class="name">
              操作-鱼
            </div>
            <div class="code-name">.icon-caozuo_yu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-smile"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.icon-smile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paobu"></span>
            <div class="name">
              跑步
            </div>
            <div class="code-name">.icon-paobu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-roulei1"></span>
            <div class="name">
              肉类
            </div>
            <div class="code-name">.icon-roulei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.icon-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaosheng"></span>
            <div class="name">
              跳绳
            </div>
            <div class="code-name">.icon-tiaosheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaqindanlei"></span>
            <div class="name">
              目录词_家禽蛋类
            </div>
            <div class="code-name">.icon-jiaqindanlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao"></span>
            <div class="name">
              公鸡
            </div>
            <div class="code-name">.icon-tubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bingxiang"></span>
            <div class="name">
              冰箱
            </div>
            <div class="code-name">.icon-bingxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_xiaolian-mian"></span>
            <div class="name">
              icon_笑脸-面
            </div>
            <div class="code-name">.icon-icon_xiaolian-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mifan"></span>
            <div class="name">
              米饭
            </div>
            <div class="code-name">.icon-mifan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jidan"></span>
            <div class="name">
              鸡蛋
            </div>
            <div class="code-name">.icon-jidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paobu1"></span>
            <div class="name">
              跑步
            </div>
            <div class="code-name">.icon-paobu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaoliao"></span>
            <div class="name">
              调料
            </div>
            <div class="code-name">.icon-tiaoliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shucai"></span>
            <div class="name">
              蔬菜
            </div>
            <div class="code-name">.icon-shucai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaoliao1"></span>
            <div class="name">
              调料
            </div>
            <div class="code-name">.icon-tiaoliao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-niunai"></span>
            <div class="name">
              牛奶
            </div>
            <div class="code-name">.icon-niunai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaoliaoping-"></span>
            <div class="name">
              调料瓶-01
            </div>
            <div class="code-name">.icon-tiaoliaoping-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jidan1"></span>
            <div class="name">
              鸡蛋
            </div>
            <div class="code-name">.icon-jidan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yu"></span>
            <div class="name">
              鱼
            </div>
            <div class="code-name">.icon-yu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dangao"></span>
            <div class="name">
              蛋糕
            </div>
            <div class="code-name">.icon-dangao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxi"></span>
            <div class="name">
              1分析
            </div>
            <div class="code-name">.icon-fenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodedangxuan"></span>
            <div class="name">
              我 的
            </div>
            <div class="code-name">.icon-wodedangxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gf-lock2"></span>
            <div class="name">
              24gf-lock2
            </div>
            <div class="code-name">.icon-24gf-lock2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouyao"></span>
            <div class="name">
              购药
            </div>
            <div class="code-name">.icon-gouyao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bingxiang1"></span>
            <div class="name">
              冰箱
            </div>
            <div class="code-name">.icon-bingxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao_fangan"></span>
            <div class="name">
              方案
            </div>
            <div class="code-name">.icon-tubiao_fangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyou"></span>
            <div class="name">
              向右
            </div>
            <div class="code-name">.icon-xiangyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-noodlesboxsticksfoodrestaurant"></span>
            <div class="name">
              21. noodles, box, sticks, food, restaurant
            </div>
            <div class="code-name">.icon-noodlesboxsticksfoodrestaurant
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dna"></span>
            <div class="name">
              dna
            </div>
            <div class="code-name">.icon-dna
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bingsha"></span>
            <div class="name">
              冰沙
            </div>
            <div class="code-name">.icon-bingsha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dna1"></span>
            <div class="name">
              dna
            </div>
            <div class="code-name">.icon-dna1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangbei"></span>
            <div class="name">
              奖杯
            </div>
            <div class="code-name">.icon-jiangbei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yaowan"></span>
            <div class="name">
              药丸
            </div>
            <div class="code-name">.icon-yaowan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangboxinxi"></span>
            <div class="name">
              广播信息
            </div>
            <div class="code-name">.icon-guangboxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xindong"></span>
            <div class="name">
              心动
            </div>
            <div class="code-name">.icon-xindong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu1"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-kefu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-vip-l"></span>
            <div class="name">
              vip-l
            </div>
            <div class="code-name">.icon-vip-l
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanjing"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.icon-yanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu2"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-kefu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xindong1"></span>
            <div class="name">
              心动
            </div>
            <div class="code-name">.icon-xindong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingguo"></span>
            <div class="name">
              苹果
            </div>
            <div class="code-name">.icon-pingguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiejuefangan"></span>
            <div class="name">
              解决方案
            </div>
            <div class="code-name">.icon-jiejuefangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yisheng"></span>
            <div class="name">
              医生
            </div>
            <div class="code-name">.icon-yisheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangbei1"></span>
            <div class="name">
              奖杯
            </div>
            <div class="code-name">.icon-jiangbei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_jianguo"></span>
            <div class="name">
              icon_坚果
            </div>
            <div class="code-name">.icon-icon_jianguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drug-full"></span>
            <div class="name">
              药品,药物,违禁品,违禁药物
            </div>
            <div class="code-name">.icon-drug-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drug"></span>
            <div class="name">
              药品,药物,违禁品,违禁药物
            </div>
            <div class="code-name">.icon-drug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bed-full"></span>
            <div class="name">
              床,休息,睡觉,睡眠
            </div>
            <div class="code-name">.icon-bed-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan1"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-noodles"></span>
            <div class="name">
              noodles
            </div>
            <div class="code-name">.icon-noodles
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaosheng1"></span>
            <div class="name">
              跳绳
            </div>
            <div class="code-name">.icon-tiaosheng1
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edudegree"></use>
                </svg>
                <div class="name">eduDegree</div>
                <div class="code-name">#icon-edudegree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qian"></use>
                </svg>
                <div class="name">钱</div>
                <div class="code-name">#icon-qian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili2"></use>
                </svg>
                <div class="name">日历2</div>
                <div class="code-name">#icon-rili2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengchakan"></use>
                </svg>
                <div class="name">课程查看</div>
                <div class="code-name">#icon-kechengchakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-woshou"></use>
                </svg>
                <div class="name">握手</div>
                <div class="code-name">#icon-woshou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tixing-tianchong"></use>
                </svg>
                <div class="name">提醒-填充</div>
                <div class="code-name">#icon-tixing-tianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin2"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangzuo"></use>
                </svg>
                <div class="name">讲座</div>
                <div class="code-name">#icon-jiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaonang"></use>
                </svg>
                <div class="name">胶囊</div>
                <div class="code-name">#icon-jiaonang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuan-"></use>
                </svg>
                <div class="name">人员-01</div>
                <div class="code-name">#icon-renyuan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangji"></use>
                </svg>
                <div class="name">相机</div>
                <div class="code-name">#icon-xiangji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhangka"></use>
                </svg>
                <div class="name">银行卡</div>
                <div class="code-name">#icon-yinhangka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kabao"></use>
                </svg>
                <div class="name">卡包</div>
                <div class="code-name">#icon-kabao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangzhang"></use>
                </svg>
                <div class="name">奖章</div>
                <div class="code-name">#icon-jiangzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wo"></use>
                </svg>
                <div class="name">我</div>
                <div class="code-name">#icon-wo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentifankui"></use>
                </svg>
                <div class="name">问题反馈</div>
                <div class="code-name">#icon-wentifankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoukuandan"></use>
                </svg>
                <div class="name">收款单</div>
                <div class="code-name">#icon-shoukuandan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangzhang1"></use>
                </svg>
                <div class="name">奖章</div>
                <div class="code-name">#icon-jiangzhang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuju-05"></use>
                </svg>
                <div class="name">数据-05</div>
                <div class="code-name">#icon-shuju-05</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichutubiao-xinzengwendang"></use>
                </svg>
                <div class="name">基础图标-新增文档</div>
                <div class="code-name">#icon-jichutubiao-xinzengwendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yisheng-02"></use>
                </svg>
                <div class="name">医生-02</div>
                <div class="code-name">#icon-yisheng-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-robot-2-fill"></use>
                </svg>
                <div class="name">robot-2-fill</div>
                <div class="code-name">#icon-robot-2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianpan"></use>
                </svg>
                <div class="name">键盘</div>
                <div class="code-name">#icon-jianpan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renminbi"></use>
                </svg>
                <div class="name">人民币</div>
                <div class="code-name">#icon-renminbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiapian"></use>
                </svg>
                <div class="name">卡片1</div>
                <div class="code-name">#icon-qiapian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoyisao"></use>
                </svg>
                <div class="name">扫一扫</div>
                <div class="code-name">#icon-saoyisao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiarenyuan"></use>
                </svg>
                <div class="name">添加人员</div>
                <div class="code-name">#icon-tianjiarenyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删 除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiarenyuan1"></use>
                </svg>
                <div class="name">添加人员</div>
                <div class="code-name">#icon-tianjiarenyuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-6Ahuatong"></use>
                </svg>
                <div class="name">6A话筒</div>
                <div class="code-name">#icon-a-6Ahuatong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianjin15miao1"></use>
                </svg>
                <div class="name">前进15秒</div>
                <div class="code-name">#icon-qianjin15miao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianjin15miao2"></use>
                </svg>
                <div class="name">前进15秒</div>
                <div class="code-name">#icon-qianjin15miao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shoucang-yishoucang"></use>
                </svg>
                <div class="name">收藏 -已收藏</div>
                <div class="code-name">#icon-a-shoucang-yishoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuchekong"></use>
                </svg>
                <div class="name">购物车空</div>
                <div class="code-name">#icon-gouwuchekong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clock"></use>
                </svg>
                <div class="name">时钟</div>
                <div class="code-name">#icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuandui"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icon-tuandui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunhuan"></use>
                </svg>
                <div class="name">循环</div>
                <div class="code-name">#icon-xunhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-store"></use>
                </svg>
                <div class="name">store</div>
                <div class="code-name">#icon-store</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangshang4"></use>
                </svg>
                <div class="name">向上4</div>
                <div class="code-name">#icon-xiangshang4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia4"></use>
                </svg>
                <div class="name">向下4</div>
                <div class="code-name">#icon-xiangxia4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">医生</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunhuan1"></use>
                </svg>
                <div class="name">循环</div>
                <div class="code-name">#icon-xunhuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima1"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-erweima1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-QQ"></use>
                </svg>
                <div class="name">QQ</div>
                <div class="code-name">#icon-QQ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia2"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#icon-xiangxia2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qichepiao"></use>
                </svg>
                <div class="name"> 汽车票</div>
                <div class="code-name">#icon-qichepiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbinaozhongx"></use>
                </svg>
                <div class="name">关闭闹钟@3x</div>
                <div class="code-name">#icon-guanbinaozhongx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiayiqu"></use>
                </svg>
                <div class="name">下一曲</div>
                <div class="code-name">#icon-xiayiqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-_jiaoyin"></use>
                </svg>
                <div class="name">46_脚印</div>
                <div class="code-name">#icon-_jiaoyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiyongwendang"></use>
                </svg>
                <div class="name">使用文档</div>
                <div class="code-name">#icon-shiyongwendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianping"></use>
                </svg>
                <div class="name">点评</div>
                <div class="code-name">#icon-dianping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuche"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icon-gouwuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi1"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dian"></use>
                </svg>
                <div class="name">点</div>
                <div class="code-name">#icon-dian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-QQ1"></use>
                </svg>
                <div class="name">QQ</div>
                <div class="code-name">#icon-QQ1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi1"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin1"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rengong"></use>
                </svg>
                <div class="name">人工</div>
                <div class="code-name">#icon-rengong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyiqu"></use>
                </svg>
                <div class="name">上一曲</div>
                <div class="code-name">#icon-shangyiqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiayiqu1"></use>
                </svg>
                <div class="name">下一曲</div>
                <div class="code-name">#icon-xiayiqu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shizhong"></use>
                </svg>
                <div class="name">时钟</div>
                <div class="code-name">#icon-shizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengyinkai"></use>
                </svg>
                <div class="name">声音开</div>
                <div class="code-name">#icon-shengyinkai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#icon-xiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtuimiao"></use>
                </svg>
                <div class="name">后退15秒</div>
                <div class="code-name">#icon-houtuimiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingdan"></use>
                </svg>
                <div class="name">清单</div>
                <div class="code-name">#icon-qingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gf-phoneLoudspeaker"></use>
                </svg>
                <div class="name">24gf-phoneLoudspeaker</div>
                <div class="code-name">#icon-24gf-phoneLoudspeaker</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duomeiti_bofangqi_xiayiqu_"></use>
                </svg>
                <div class="name">多媒体_播放器02_下一曲_</div>
                <div class="code-name">#icon-duomeiti_bofangqi_xiayiqu_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duomeiti_bofangqi_xiayiqu_1"></use>
                </svg>
                <div class="name">多媒体_播放器02_下一曲_</div>
                <div class="code-name">#icon-duomeiti_bofangqi_xiayiqu_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youhuiquan"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#icon-youhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengjia"></use>
                </svg>
                <div class="name">增加</div>
                <div class="code-name">#icon-zengjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-post_pic"></use>
                </svg>
                <div class="name">拍照</div>
                <div class="code-name">#icon-post_pic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-w_heiban"></use>
                </svg>
                <div class="name">w_黑板1</div>
                <div class="code-name">#icon-w_heiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyiqu1"></use>
                </svg>
                <div class="name">上一曲</div>
                <div class="code-name">#icon-shangyiqu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-dianpu-2"></use>
                </svg>
                <div class="name">icon-dianpu-2</div>
                <div class="code-name">#icon-icon-dianpu-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwu"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#icon-fuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dian1"></use>
                </svg>
                <div class="name">点</div>
                <div class="code-name">#icon-dian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alarm-full"></use>
                </svg>
                <div class="name">报警,警报,报警灯,危险</div>
                <div class="code-name">#icon-alarm-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">连接</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiudian"></use>
                </svg>
                <div class="name">酒店</div>
                <div class="code-name">#icon-jiudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang01"></use>
                </svg>
                <div class="name">分 享01</div>
                <div class="code-name">#icon-fenxiang01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang1"></use>
                </svg>
                <div class="name">分 享</div>
                <div class="code-name">#icon-fenxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuandui1"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icon-tuandui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuaidigongsi"></use>
                </svg>
                <div class="name">快递公司</div>
                <div class="code-name">#icon-kuaidigongsi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongsi"></use>
                </svg>
                <div class="name">公司</div>
                <div class="code-name">#icon-gongsi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengzhidanwei"></use>
                </svg>
                <div class="name">承制单位</div>
                <div class="code-name">#icon-chengzhidanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weike-qianjin15miao"></use>
                </svg>
                <div class="name">微课-前进15秒</div>
                <div class="code-name">#icon-weike-qianjin15miao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwu1"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#icon-fuwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jirou"></use>
                </svg>
                <div class="name">肌肉</div>
                <div class="code-name">#icon-jirou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingwei1"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-dingwei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fenxiangweifenxiang"></use>
                </svg>
                <div class="name">分享 未分享</div>
                <div class="code-name">#icon-a-fenxiangweifenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianjin15miao"></use>
                </svg>
                <div class="name">前进15秒</div>
                <div class="code-name">#icon-qianjin15miao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AIliaotian"></use>
                </svg>
                <div class="name">AI聊天-copy</div>
                <div class="code-name">#icon-AIliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-Property1qianjin15miao"></use>
                </svg>
                <div class="name">Property 1=前进15秒</div>
                <div class="code-name">#icon-a-Property1qianjin15miao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AIliaotian1"></use>
                </svg>
                <div class="name">AI聊天</div>
                <div class="code-name">#icon-AIliaotian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangshang1"></use>
                </svg>
                <div class="name">向上1</div>
                <div class="code-name">#icon-xiangshang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia1"></use>
                </svg>
                <div class="name">向下1</div>
                <div class="code-name">#icon-xiangxia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxiabeifen"></use>
                </svg>
                <div class="name">向下备份</div>
                <div class="code-name">#icon-xiangxiabeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuo"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#icon-xiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxianfuzhi"></use>
                </svg>
                <div class="name">向上箭头</div>
                <div class="code-name">#icon-quanxianfuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingzhuanhuan"></use>
                </svg>
                <div class="name">顶 </div>
                <div class="code-name">#icon-dingzhuanhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-canshi"></use>
                </svg>
                <div class="name">餐食</div>
                <div class="code-name">#icon-canshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-canshi1"></use>
                </svg>
                <div class="name">餐食</div>
                <div class="code-name">#icon-canshi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaoxing"></use>
                </svg>
                <div class="name">高兴</div>
                <div class="code-name">#icon-gaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyou2"></use>
                </svg>
                <div class="name">向右</div>
                <div class="code-name">#icon-xiangyou2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bugaoxing"></use>
                </svg>
                <div class="name">不高兴</div>
                <div class="code-name">#icon-bugaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan"></use>
                </svg>
                <div class="name">不高兴</div>
                <div class="code-name">#icon-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#icon-xiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jishiben"></use>
                </svg>
                <div class="name">记事本</div>
                <div class="code-name">#icon-jishiben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-happy"></use>
                </svg>
                <div class="name">开心,高兴,笑脸,微笑,喜欢</div>
                <div class="code-name">#icon-happy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-Azhuanhuan"></use>
                </svg>
                <div class="name">A+</div>
                <div class="code-name">#icon-a-Azhuanhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingzi"></use>
                </svg>
                <div class="name">瓶子</div>
                <div class="code-name">#icon-pingzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mifan1"></use>
                </svg>
                <div class="name">米饭</div>
                <div class="code-name">#icon-mifan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianguo_nut"></use>
                </svg>
                <div class="name">坚果_nut</div>
                <div class="code-name">#icon-jianguo_nut</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangyezhishiku"></use>
                </svg>
                <div class="name">hangyezhishiku</div>
                <div class="code-name">#icon-hangyezhishiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-food-bomihua"></use>
                </svg>
                <div class="name">food-bomihua</div>
                <div class="code-name">#icon-food-bomihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingguo1"></use>
                </svg>
                <div class="name">苹果</div>
                <div class="code-name">#icon-pingguo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuijue"></use>
                </svg>
                <div class="name">睡觉</div>
                <div class="code-name">#icon-shuijue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wok-2"></use>
                </svg>
                <div class="name">炒锅</div>
                <div class="code-name">#icon-wok-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-DNA"></use>
                </svg>
                <div class="name">DNA</div>
                <div class="code-name">#icon-DNA</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cup-fill"></use>
                </svg>
                <div class="name">cup-fill</div>
                <div class="code-name">#icon-cup-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-restaurant-fill"></use>
                </svg>
                <div class="name">restaurant-fill</div>
                <div class="code-name">#icon-restaurant-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hotel-bed-fill"></use>
                </svg>
                <div class="name">hotel-bed-fill</div>
                <div class="code-name">#icon-hotel-bed-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianguoganguo"></use>
                </svg>
                <div class="name">坚果干果</div>
                <div class="code-name">#icon-jianguoganguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chufang"></use>
                </svg>
                <div class="name">处方</div>
                <div class="code-name">#icon-chufang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiwu"></use>
                </svg>
                <div class="name">食物</div>
                <div class="code-name">#icon-shiwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ppt"></use>
                </svg>
                <div class="name">ppt</div>
                <div class="code-name">#icon-ppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-vip"></use>
                </svg>
                <div class="name">VIP</div>
                <div class="code-name">#icon-vip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyou1"></use>
                </svg>
                <div class="name">向右1</div>
                <div class="code-name">#icon-xiangyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-roulei"></use>
                </svg>
                <div class="name">肉类new</div>
                <div class="code-name">#icon-roulei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghefenxi"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#icon-zonghefenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tushuguanli-01"></use>
                </svg>
                <div class="name">图书管理-01</div>
                <div class="code-name">#icon-tushuguanli-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caozuo-doulei"></use>
                </svg>
                <div class="name">操作-豆类</div>
                <div class="code-name">#icon-caozuo-doulei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caozuo_yu"></use>
                </svg>
                <div class="name">操作-鱼</div>
                <div class="code-name">#icon-caozuo_yu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-smile"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#icon-smile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paobu"></use>
                </svg>
                <div class="name">跑步</div>
                <div class="code-name">#icon-paobu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-roulei1"></use>
                </svg>
                <div class="name">肉类</div>
                <div class="code-name">#icon-roulei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#icon-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaosheng"></use>
                </svg>
                <div class="name">跳绳</div>
                <div class="code-name">#icon-tiaosheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaqindanlei"></use>
                </svg>
                <div class="name">目录词_家禽蛋类</div>
                <div class="code-name">#icon-jiaqindanlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao"></use>
                </svg>
                <div class="name">公鸡</div>
                <div class="code-name">#icon-tubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bingxiang"></use>
                </svg>
                <div class="name">冰箱</div>
                <div class="code-name">#icon-bingxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_xiaolian-mian"></use>
                </svg>
                <div class="name">icon_笑脸-面</div>
                <div class="code-name">#icon-icon_xiaolian-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mifan"></use>
                </svg>
                <div class="name">米饭</div>
                <div class="code-name">#icon-mifan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jidan"></use>
                </svg>
                <div class="name">鸡蛋</div>
                <div class="code-name">#icon-jidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paobu1"></use>
                </svg>
                <div class="name">跑步</div>
                <div class="code-name">#icon-paobu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaoliao"></use>
                </svg>
                <div class="name">调料</div>
                <div class="code-name">#icon-tiaoliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shucai"></use>
                </svg>
                <div class="name">蔬菜</div>
                <div class="code-name">#icon-shucai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaoliao1"></use>
                </svg>
                <div class="name">调料</div>
                <div class="code-name">#icon-tiaoliao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-niunai"></use>
                </svg>
                <div class="name">牛奶</div>
                <div class="code-name">#icon-niunai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaoliaoping-"></use>
                </svg>
                <div class="name">调料瓶-01</div>
                <div class="code-name">#icon-tiaoliaoping-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jidan1"></use>
                </svg>
                <div class="name">鸡蛋</div>
                <div class="code-name">#icon-jidan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yu"></use>
                </svg>
                <div class="name">鱼</div>
                <div class="code-name">#icon-yu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangao"></use>
                </svg>
                <div class="name">蛋糕</div>
                <div class="code-name">#icon-dangao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxi"></use>
                </svg>
                <div class="name">1分析</div>
                <div class="code-name">#icon-fenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodedangxuan"></use>
                </svg>
                <div class="name">我 的</div>
                <div class="code-name">#icon-wodedangxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gf-lock2"></use>
                </svg>
                <div class="name">24gf-lock2</div>
                <div class="code-name">#icon-24gf-lock2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouyao"></use>
                </svg>
                <div class="name">购药</div>
                <div class="code-name">#icon-gouyao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bingxiang1"></use>
                </svg>
                <div class="name">冰箱</div>
                <div class="code-name">#icon-bingxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao_fangan"></use>
                </svg>
                <div class="name">方案</div>
                <div class="code-name">#icon-tubiao_fangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyou"></use>
                </svg>
                <div class="name">向右</div>
                <div class="code-name">#icon-xiangyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-noodlesboxsticksfoodrestaurant"></use>
                </svg>
                <div class="name">21. noodles, box, sticks, food, restaurant</div>
                <div class="code-name">#icon-noodlesboxsticksfoodrestaurant</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dna"></use>
                </svg>
                <div class="name">dna</div>
                <div class="code-name">#icon-dna</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bingsha"></use>
                </svg>
                <div class="name">冰沙</div>
                <div class="code-name">#icon-bingsha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dna1"></use>
                </svg>
                <div class="name">dna</div>
                <div class="code-name">#icon-dna1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangbei"></use>
                </svg>
                <div class="name">奖杯</div>
                <div class="code-name">#icon-jiangbei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yaowan"></use>
                </svg>
                <div class="name">药丸</div>
                <div class="code-name">#icon-yaowan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangboxinxi"></use>
                </svg>
                <div class="name">广播信息</div>
                <div class="code-name">#icon-guangboxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xindong"></use>
                </svg>
                <div class="name">心动</div>
                <div class="code-name">#icon-xindong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu1"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-kefu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-vip-l"></use>
                </svg>
                <div class="name">vip-l</div>
                <div class="code-name">#icon-vip-l</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanjing"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#icon-yanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu2"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-kefu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xindong1"></use>
                </svg>
                <div class="name">心动</div>
                <div class="code-name">#icon-xindong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingguo"></use>
                </svg>
                <div class="name">苹果</div>
                <div class="code-name">#icon-pingguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiejuefangan"></use>
                </svg>
                <div class="name">解决方案</div>
                <div class="code-name">#icon-jiejuefangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yisheng"></use>
                </svg>
                <div class="name">医生</div>
                <div class="code-name">#icon-yisheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangbei1"></use>
                </svg>
                <div class="name">奖杯</div>
                <div class="code-name">#icon-jiangbei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_jianguo"></use>
                </svg>
                <div class="name">icon_坚果</div>
                <div class="code-name">#icon-icon_jianguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drug-full"></use>
                </svg>
                <div class="name">药品,药物,违禁品,违禁药物</div>
                <div class="code-name">#icon-drug-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drug"></use>
                </svg>
                <div class="name">药品,药物,违禁品,违禁药物</div>
                <div class="code-name">#icon-drug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bed-full"></use>
                </svg>
                <div class="name">床,休息,睡觉,睡眠</div>
                <div class="code-name">#icon-bed-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan1"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-noodles"></use>
                </svg>
                <div class="name">noodles</div>
                <div class="code-name">#icon-noodles</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaosheng1"></use>
                </svg>
                <div class="name">跳绳</div>
                <div class="code-name">#icon-tiaosheng1</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
